
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org" lang="zh">

<head>
<link rel="StyleSheet" href="../../static/css/jpetstore.css" type="text/css"
	media="screen" />

<meta name="generator"
	content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org" />
<title>JPetStore Demo</title>
<meta content="text/html; charset=windows-1252"
	http-equiv="Content-Type" />
<meta http-equiv="Cache-Control" content="max-age=0" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="Pragma" content="no-cache" />
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
</head>

<body>
	<div th:include="~{common/commonSide::topbar}"></div>
	<div id="Content">
		
		<div id="Catalog">
				<p>Please enter your username and password.</p>
				<p>
					<table align="center">
						<tr>
							<td>Username:</td><td><input type="text" name="username" /></td><br/>
						</tr>
						<tr>
							<td>Password:</td><td><input type="password" name="password" /></td><br/>
						</tr>
					</table>
				</p><br/>
				<input type="submit" name="signOn" onclick="login()" value="Login" /><br/><br/>
			<span>Need a user name and password? </span><br/>
			<a href="/account/getRegister">Register Now!</a>
		</div>
	</div>
	<script type="text/javascript">
		function login(){
			var username=$("input:text[name='username']").val()
			var password=$("input:password[name='password']").val()
			var signOn ={'username':username,'password':password}
			console.log(JSON.stringify(signOn))
			upload(signOn)
		}
		function upload(signOn){
			$.ajax({
				type:'post',
				url:'/account/login',
				data: JSON.stringify(signOn),
				contentType:'application/json;charset=utf-8',
				dataType:'json',
				success: function(responseData){
					console.log(responseData.message)
					$.cookie('username',signOn.username, {expires: 7,path:'/'})
					window.location='/catalog/main'
				}
			})
		}
	</script>
	<div th:include="~{common/commonSide::footer}"></div>
</body>
</html>
<!--<style>-->
<!--	body{-->
<!--		border: solid red 2px;-->
<!--	}-->
<!--</style>-->

